<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta th:name="_csrf" id="_csrf" th:content="${_csrf.token}"/>
<meta th:name="_csrf_header" id="_csrf_header" th:content="${_csrf.headerName}"/>
<LINK rel="Bookmark" href="/favicon.ico" />
<LINK rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="/lib/Hui-iconfont/1.0.7/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/lib/icheck/icheck.css" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/style.css" />

<link rel="stylesheet" type="text/css" href="/lib/bootstrap-Switch/bootstrapSwitch.css" />
<link rel="stylesheet" type="text/css" href="/lib/datedropper/datedropper.css" />
<link rel="stylesheet" type="text/css" href="/lib/datedropper/timedropper.min.css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->

<link href="/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="tab_demo" class="HuiTab">
  <div class="tabBar " id="MainTabBar" >
  <style type="text/css">
  	#MainTabBar{
  		position: fixed;z-index: 99;left: 30%;
  		border-bottom: 2px solid rgba(10, 74, 146, 0.48);
	}
  	#MainTabBar  span.current{
  		background-color: #5a98de;
  	}
  	#MainTabBar  span{
  		background-color: #e8e8e8;
  	}
  </style>
  <span>基本信息</span><span>产品介绍</span><span>须知</span>
    <span>分享设置</span><span>关联产品</span>
  </div>
  <div class="clearfix " style="padding-top: 30px;"></div>
  <!-- 内容一 -->
  <div class="tabCon">
  	<form th:action="'/product/productAdd1?'+${_csrf.parameterName}+'='+${_csrf.token}" id="form1" method="post" class="form form-horizontal" >
  		<input th:if="${product}"  type="hidden" name="id" th:value="${product.id}"/>
		<div class="row cl">
			<label class="form-label col-sm-2"><span class="c-red">*</span>产品名称：</label>
			<div class="formControls  col-sm-5">
				<input  type="text" class="input-text"  placeholder="" id="name" name="name"/>
			</div>
			<div class="formControls col-xs-4 col-sm-4" id="radio">
				<div class="radio-box" >
				    <input type="radio" id="radio-1" name="operation" checked="checked" value="true" />
				    <label for="radio-1">自营</label>
				</div>
				<div class="radio-box">
				    <input type="radio" id="radio-2" name="operation" value="false" />
				    <label for="radio-2">代售</label>
				 </div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label  col-sm-2"><span class="c-red">*</span>目的地：</label>
			<div class="formControls col-xs-4 col-sm-5">
				<input  type="text" class="input-text"  placeholder=""  name="destination"/>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-sm-2"><span class="c-red">*</span>行程配置：</label>
			<div id="stroke" class="formControls col-xs-8 col-sm-9 cl pr-5" style="padding-left: 0px;">
				<div class="f-l col-xs-3 col-sm-3  ">
					<div class="panel panel-primary ">
						<div class="panel-header">行程</div>
						<div class="panel-body" id="stroke_tabBar_fa">
							<ul id="stroke_tabBar">
							  <li class="mb-10 "><span class="btn btn-primary-outline radius " style="width: 100%;">环球中心</span></li>
							  <li th:remove="all" class="mb-10"><span class="btn btn-primary-outline radius" style="width: 100%;">五桂桥</span></li>
							  <li th:remove="all" class="mb-10"><span class="btn btn-primary-outline radius" style="width: 100%;">双楠伊藤</span></li>
							  <li th:remove="all" class="mb-10"><span class="btn btn-primary-outline radius disabled " style="width: 100%;">茶点子车站</span></li>
							</ul>
							<div style="height: 130px;"></div>
						</div>
					</div>
				</div>
				<div ><!-- 做一个循环 -->
				<div class="tabCon">
					<div class="f-r col-xs-9 col-sm-9 pl-5 pr-5">
						<div class="panel panel-default cl">					
							<div class="panel-body">
								<div class=" col-sm-12">
									<div class="switch" data-on="info" data-off="warning">
									    <input type="checkbox" name="status"  checked="checked"/>
									</div>
								</div>
								<div class=" col-sm-12 ">
									<input  type="text" class="input-text c-primary"  placeholder="环球中心&lt;---&gt;吴家后山" id="place" name="place"/>
									
								</div>
								<div class=" col-sm-12 ">
									<textarea id="remarks" name="remarks">备注：无</textarea>
								</div>
								
							</div>
						</div>
					</div>
					<div class="f-r col-xs-9 col-sm-9 pl-5 pr-5" >
						<div class="panel panel-default cl">
							<div class="panel-body">
								<label class="form-label  col-sm-2"><span class="c-red">*</span>参考定价：</label>
								<div class=" col-sm-10 pl-5 pr-5">
									<div class="row cl" >
										<div class="col-sm-5 pl-5 pr-5">
										     <div class="col-sm-3 pl-5 pr-5">
										     	<div class="check-box">
												    <input type="checkbox"  name="car[]" value="1"/>
												    <label for="checkbox-1">拼车</label>
											    </div>
											  </div>
											  <div class="col-sm-5 pl-5 pr-5">
											     <input type="text" placeholder="95.00" name="carpool" class="input-text radius size-M" />
										     </div>								     
										     	<label class="form-label col-sm-3 pl-5 pr-5">元/座</label>
									     </div>
									     <div class="col-sm-7 pl-5 pr-5">
									     
											    <label class="form-label col-sm-4 pl-5 pr-5"><span class="c-red">*</span>最低发车乘客</label>
											 
											  <div class="col-sm-5 pl-5 pr-5">
											    <input type="text" name="minPeople" placeholder="1" class="input-text radius size-M" />
										     </div>
										      
										     	<label class="form-label col-sm-1 pl-5 pr-5">人</label>
										    
									     </div>
									</div>
									<div class="row" style="border-bottom: 1px solid #e2e2e2;">	</div>
									
									<div class="row cl" >
										<div class="col-sm-5 pl-5 pr-5">
										     <div class="col-sm-3 pl-5 pr-5">
											     <div class="check-box">
												    <input type="checkbox" name="car[]" value="2" />
												    <label for="checkbox-1">包车</label>
											    </div>
											  </div>
											  <div class="col-sm-5 pl-5 pr-5">
											     <input type="text" name="chartered" placeholder="80.00" class="input-text radius size-M" />
										     </div>
										      <div class="col-sm-3 pl-5 pr-5">
										     	<label class="form-label">元/车</label>
										     </div>
									     </div>
									     <div class="col-sm-7 pl-5 pr-5">
									     	<div class="col-sm-4 pl-5 pr-5">
											    <label class="form-label"><span class="c-red">*</span>计乘价</label>
											  </div>
											  <div class="col-sm-5 pl-5 pr-5">
											    <input type="text" name="price" placeholder="560.00" class="input-text radius size-M" />
										     </div>
										      <div class="col-sm-2 pl-5 pr-5">
										     	<label class="form-label">元/公里</label>
										     </div>
									     </div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				</div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label  col-sm-2"><span class="c-red">*</span>车辆要求：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<div class="panel panel-default">
					<div class="panel-body cl">
						<label class="form-label  col-sm-1">大型车</label>
						<div class="formControls col-sm-2">
							<div class="check-box">
							    <input type="checkbox" name="requir[]" value="1" checked="checked" />
							    <label for="checkbox-1">高一级</label>
							 </div>
						</div>
						<div class="formControls col-sm-2">
							<div class="check-box">
							    <input type="checkbox" name="requir[]" value="2" />
							    <label for="checkbox-1">高二级</label>
							 </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label  col-sm-2"><span class="c-red">*</span>乘客设置：</label>
			<div class="formControls  col-sm-9">
				<div class="panel panel-default">
					<div class="panel-body cl">
						<div class="formControls col-sm-2">
							<div class="check-box">
							    <input type="checkbox" name="passenger[]" value="1" checked="checked" />
							    <label for="checkbox-1">成人</label>
							 </div>
						</div>
						<div class="formControls col-sm-2">
							<div class="check-box">
							    <input type="checkbox" name="passenger[]" value="2" />
							    <label for="checkbox-1">儿童</label>
							 </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label  col-sm-2"><span class="c-red">*</span>运营时间：</label>
			<div class="formControls  col-sm-9">
				<div class="panel panel-default">
					<div class="panel-body cl">
						<div class="formControls col-sm-2">
							<input type="text" name="opening1"  class="input-text radius size-M" id="pickStartTime"  />
						</div>
						<label class="form-label  col-sm-1">---</label>
						<div class="formControls col-sm-2">
							<input type="text" name="opening2"  class="input-text radius size-M" id="pickEndTime" />
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label  col-sm-2"><span class="c-red">*</span>有效期时间：</label>
			<div class="formControls  col-sm-9">
				<div class="panel panel-default">
					<div class="panel-body cl">
						<div class="formControls col-sm-2">
							<input type="text" name="valid1"  class="input-text radius size-M" id="pickStartDate"  />
						</div>
						<label class="form-label  col-sm-1">---</label>
						<div class="formControls col-sm-2">
							<input type="text" name="valid2"  class="input-text radius size-M" id="pickEndDate" />
						</div>
					</div>
				</div>
			</div>
		</div>
		
		

		<div class="row cl mb-20">
			<div class="col-sm-2 col-sm-offset-3">
				<button id="btnSubmit1" type="submit" class="btn btn-warning radius ">提交</button>	
			</div>
			<div class="col-sm-2  col-sm-offset-3">
				<input class="btn btn-secondary radius" type="reset" value="&nbsp;&nbsp;取消&nbsp;&nbsp;"/>
			</div>
		</div>
	</form>
  </div>
  <!-- 内容二 -->
  <div class="tabCon">
  	<form th:action="'/product/productAdd2?'+${_csrf.parameterName}+'='+${_csrf.token}" id="fileUploadForm0" method="post" enctype="multipart/form-data" class="form form-horizontal">
  		<input th:if="${product}"  type="hidden" name="id" th:value="${product.id}"/>
       	<input type="hidden"                        
		th:name="${_csrf.parameterName}"
		th:value="${_csrf.token}"/>
        <div class="row cl">
        	
			<label class="form-label col-sm-2"><span class="c-red">*</span>产品Banner图：</label>
			  <div class="col-sm-3  pr-5">
				<div class="col-sm-6 pl-5 pr-5	  ">
					<img src="/images/u9697.png" alt="Banner图" id="editImg" class="thumbnail"/>
				</div>
				<div class=" col-sm-6 pl-5 pr-5 f-12 pos-r" style="right: 20px">
				<blockquote style="border: none;"><small>小余100K</small><small>200（宽）*100（高）</small></blockquote>
				</div>
			</div>
			<div class="col-sm-4 pl-5">
				<span class="btn-upload form-group">
				 <input class="input-text upload-url radius" type="text" name="uploadfile-1" id="uploadfile-1" readonly="readonly" />
				  <a href="javascript:void();"  class="btn btn-primary radius">浏览文件</a>		  
				  <input type="file"  name="files" class="input-file"/>				  				  
				</span>
				<button id="btnSubmitImg0" type="submit" class="btn btn-primary radius mt-10">确定上传</button>	
				<div class="Huialert Huialert-success mt-10" id="result" style="float: right;margin-right: 60px; padding: 0;"><i class="icon-remove"></i></div>
				<input type="hidden" name="bannerImg" id="bannerImg" />
			</div>	
  		</div>
  		<div class="row cl">
  			<label class="form-label  col-sm-2"><span class="c-red">*</span>产品简介：</label>
  			<div class="formControls  col-sm-7">
				<input  type="text" name="introduce" class="input-text"  placeholder="" />
			</div>
  		</div>
  		<div class="row cl">
  			<label class="form-label  col-sm-2"><span class="c-red">*</span>行程安排：</label>
  			<label class="form-label  col-sm-4 "><small class="c-success">提示：请详细描述行程安排，并检查与基本信息中的行程是否相符</small></label>
  		</div>
  		<div class="row cl">
	  		<div  class="formControls  col-sm-7 col-sm-offset-2">
	  			<textarea  id="schedule" name="schedule"   ></textarea>
	  			
	  		</div>
  		</div>
  		<div class="row cl">
  			<label class="form-label  col-sm-2"><span class="c-red">*</span>图文介绍：</label>
  			<label class="form-label  col-sm-4 "><small class="c-success">提示：可以描述产品特色及目的景点介绍</small></label>
  		</div>
  		<div class="row cl">
	  		<div  class="formControls  col-sm-7 col-sm-offset-2">
	  			<textarea id="introduction" name="introduction"   ></textarea>
	  		</div>
  		</div>
  		<div class="row cl mb-20">
			<div class="col-sm-2 col-sm-offset-3">
				<button id="btnSubmit2" type="submit" class="btn btn-warning radius ">提交</button>
			</div>
			<div class="col-sm-2  col-sm-offset-1">
				<input class="btn btn-secondary radius" type="button" value="&nbsp;&nbsp;取消&nbsp;&nbsp;"/>
			</div>
		</div>
     </form>
  </div>
  <!-- 内容三 -->
  <div class="tabCon">
  	<form id="form3" method="post" enctype="" class="form form-horizontal">

		<input th:if="${product}"  type="hidden" name="id" th:value="${product.id}"/>
  		<div class="row cl">
  			
  			<label class="form-label  col-sm-2"><span class="c-red">*</span><span >费用包含：</span></label>
  		</div>
  		<div class="row cl">
	  		<div  class="formControls  col-sm-7 col-sm-offset-2">
	  			<textarea th:id="costIncluded" name="costIncluded"   ></textarea>
	  		</div>
  		</div>
  		
  		<div class="row cl">
  			
  			<label class="form-label  col-sm-2"><span class="c-red">*</span><span >费用不包含：</span></label>
  		</div>
  		<div class="row cl">
	  		<div  class="formControls  col-sm-7 col-sm-offset-2">
	  			<textarea th:id="notIncluded" th:name="notIncluded"   ></textarea>
	  		</div>
  		</div>
  		
  		<div class="row cl">
  			
  			<label class="form-label  col-sm-2"><span class="c-red">*</span><span >改退规则：</span></label>
  		</div>
  		<div class="row cl">
	  		<div  class="formControls  col-sm-7 col-sm-offset-2">
	  			<textarea th:id="changeRule" th:name="changeRule"   ></textarea>
	  		</div>
  		</div>
  		
  		<div class="row cl">
  			
  			<label class="form-label  col-sm-2"><span class="c-red">*</span><span >预定须知：</span></label>
  		</div>
  		<div class="row cl">
	  		<div  class="formControls  col-sm-7 col-sm-offset-2">
	  			<textarea th:id="bookingNotice" th:name="bookingNotice"   ></textarea>
	  		</div>
  		</div>

  		<div class="row cl mb-20">
			<div class="col-sm-2 col-sm-offset-3">
				<button id="btnSubmit3" type="submit" class="btn btn-warning radius ">提交</button>
			</div>
			<div class="col-sm-2  col-sm-offset-1">
				<input class="btn btn-secondary radius" type="button" value="&nbsp;&nbsp;取消&nbsp;&nbsp;"/>
			</div>
		</div>
    </form>
  </div>
  <!-- 内容四 -->
  <div class="tabCon">
  	<form id="img2" method="post" enctype="" class="form form-horizontal">
  		<input th:if="${product}"  type="hidden" name="id" th:value="${product.id}"/>
  		<div class="row cl">
  			
  			<label class="form-label  col-sm-2"><span class="c-red">*</span>分享标题：</label>
  			<div class="formControls  col-sm-7">
				<input  type="text" class="input-text"  placeholder="" />
			</div>
  		</div>
  		<input type="hidden" th:name="${_csrf.parameterName}"	th:value="${_csrf.token}"/>
        <div class="row cl">
        	
			<label class="form-label col-sm-2"><span class="c-red">*</span>产品Banner图：</label>
			  <div class="col-sm-3  pr-5">
				<div class="col-sm-6 pl-5 pr-5	  ">
					<img src="/images/u9697.png" alt="Banner图" id="editImg2" class="thumbnail"/>
				</div>
				<div class=" col-sm-6 pl-5 pr-5 f-12 pos-r" style="right: 20px">
				<blockquote style="border: none;"><small>小余100K</small><small>200（宽）*100（高）</small></blockquote>
				</div>
			</div>
			<div class="col-sm-4 pl-5">
				<span class="btn-upload form-group">
				 <input class="input-text upload-url radius" type="text" name="uploadfile-1" id="uploadfile-1" readonly="readonly" />
				  <a href="javascript:void();"  class="btn btn-primary radius">浏览文件</a>		  
				  <input type="file" id="" name="files" class="input-file"/>				  				  
				</span>
				<button id="btnSubmitImg1" type="submit" class="btn btn-primary radius mt-10">确定上传</button>	
				<input type="hidden" id="shareImg" name="shareImg" />
				<div class="Huialert Huialert-success mt-10" id="result1" style="float: right;margin-right: 60px; padding: 0;"><i class="icon-remove"></i></div>
			</div>	
  		</div>
		
  		<div class="row cl mb-20">
			<div class="col-sm-2 col-sm-offset-3">
				<button id="btnSubmit4" type="submit" class="btn btn-warning radius ">提交</button>
			</div>
			<div class="col-sm-2  col-sm-offset-1">
				<input class="btn btn-secondary radius" type="button" value="&nbsp;&nbsp;取消&nbsp;&nbsp;"/>
			</div>
		</div>
    </form>
  </div>
  <div class="tabCon">无需求</div>
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/lib/layer/2.1/layer.js"></script>
<script type="text/javascript" src="/lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="/lib/jquery.validation/1.14.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="/lib/jquery.validation/1.14.0/messages_zh.min.js"></script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="/static/h-ui.admin/js/comment.js"></script>
<!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/lib/bootstrap-Switch/bootstrapSwitch.js"></script>
<script type="text/javascript" src="/lib/datedropper/datedropper.min.js"></script>
<script type="text/javascript" src="/lib/datedropper/timedropper.min.js"></script>
<script type="text/javascript" src="/lib/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="/js/updataImg.js"></script>
<script type="text/javascript" src="/js/edit.js"></script>
<script type="text/javascript" src="/lib/jquery/jquery.form.min.js"></script>
<script type="text/javascript">
$(function(){
$.Huitab("#tab_demo > .tabBar span","#tab_demo > .tabCon","current","click","0");
$.Huitab("#stroke_tabBar_fa #stroke_tabBar li","#stroke  .tabCon","current","click","0");
$('#radio input').iCheck({
	checkboxClass: 'icheckbox-blue',
	radioClass: 'iradio-blue',
	increaseArea: '20%'
});
$('.check-box input').iCheck({
	checkboxClass: 'icheckbox-blue',
	radioClass: 'iradio-blue',
	increaseArea: '20%'
});



});

//$.Huitab("#stroke_tabBar_fa #stroke_tabBar li","#stroke .tabCon","current","click","0")});
//#tab_demo 父级id
//#tab_demo .tabBar span 控制条
//#tab_demo .tabCon 内容区
//click 事件 点击切换，可以换成mousemove 移动鼠标切换
//1	默认第2个tab为当前状态（从0开始）

//时间选取器
$("#pickStartDate").dateDropper({
	animate: false,
	format: 'Y-m-d',
	maxYear: '2020'
});
$("#pickEndDate").dateDropper({
	animate: false,
	format: 'Y-m-d',
	maxYear: '2020'
});
$("#pickStartTime").timeDropper({
	meridians: false,
	format: 'HH:mm',
	//meridians: false
});
$("#pickEndTime").timeDropper({
	meridians: false,
	format: 'HH:mm',
	//meridians: false
});

$("#btnSubmitImg0").click(function (event) {
	event.preventDefault();
	fire_ajax_submit("#fileUploadForm0","#btnSubmitImg0","#result","#editImg","#bannerImg");
});
$("#btnSubmitImg1").click(function (event) {
	event.preventDefault();
	fire_ajax_submit("#img2","#btnSubmitImg1","#result1","#editImg2","#shareImg");	
});
CKEDITOR.replace( "schedule" );
CKEDITOR.replace( "introduction" );

CKEDITOR.replace( "remarks" );
CKEDITOR.replace( "costIncluded" );
CKEDITOR.replace( "notIncluded" );
CKEDITOR.replace( "changeRule" );
CKEDITOR.replace( "bookingNotice" );
/* 让富文本的内容更新 */



</script>
</body>
</html>
